{% load static %}
{% block title %}    {% endblock %}

{% block css %}
    
{%endblock%}


{% block head %}
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{% static  'home/equi.css' %}">
{%endblock%}




    {% block body %}
    
    
    <h1>Equilibrium</h1>

    <div class="section">
        <div class="three-images">
            <img src="{% static  'home/image/ax/equi/1.jpg' %}" alt="#">
            <img src="{% static  'home/image/ax/equi/2.jpg' %}" alt="#">
            <img src="{% static  'home/image/ax/equi/3.jpg' %}" alt="#">
        </div>
        <p class="note">Standingplace one foot infront of the other foot and hold the position for 10 seconds.</p>

        <div class="two-images">
            <img src="{% static  'home/image/ax/equi/4.jpg' %}" alt="#">
            <img src="{% static  'home/image/ax/equi/5.jpg' %}" alt="#">
        </div>
        <p class="note">Standing,go on tip toe,maintain it for 10 seconds(you can place one hand on a chair).</p>

        <div class="separate-note-container">
            <div class="image-pair">
                <img src="{% static  'home/image/ax/equi/6.jpg' %}" alt="#">
            </div>
            <p class="note">Standing on one leg for 10 seconds(can help with one hand on a chair).</p>
        </div>    

    </div>

</body>
<footer class="navigation-footer">
    <button onclick="window.location.href='{% url 'home:muscle' %}'">Previous</button>
    <button onclick="window.location.href='{% url 'home:home' %}'">Home</button>
    <button onclick="window.location.href='{% url 'home:train' %}'">Next</button>
</footer>
    
    
    {% endblock %}

    {% block footer %}
    {% endblock%}